<#assign valign = janiculum.areaVerticalAlignment()>
<#if valign == "center">
  <#assign valign = "middle">
</#if>
<#assign halign = janiculum.areaHorizontalAlignment()>
  
<table cellpaddign="0" cellspacing="0" id="${janiculum.id(null)}" class="${janiculum.cssClass(null)} grid-table" style="${janiculum.inlineStyle(null)}">
    <#assign row = -1 >
	<#assign col = 0 >
	<#list janiculum.getChildren() as child>
		<#if col%janiculum.areaSize()==0>
			<tr>
            <#assign row = row + 1 >
		</#if>
			<td id="${janiculum.id(null)}_${row}_${col}"><@delegate component=child/></td>
            <@css selector="#${janiculum.id(null)}_${row}_${col}" property="vertical-align">${valign}</@css>
            <@css selector="#${janiculum.id(null)}_${row}_${col}" property="text-align">${halign}</@css>
		<#if col%janiculum.areaSize()==janiculum.areaSize()-1>
			</tr>
			<#assign col = 0 >
		<#else>
			<#assign col = col + 1 >	
		</#if>
	</#list>
	
	<#if col%janiculum.areaSize() != 0>
		<#list 0..janiculum.areaSize()-(col%janiculum.areaSize())-1 as next>
			<td></td>
		</#list>
		</tr>
	</#if>
</table>
